<!-- 
    1.<script>标签是一个双标签，在HTML中JavaScript代码必须在标签中
    2.函数和事件，函数就是一个JavaScript代码块，事件：当事件发生时调用函数。例如：用户点击按钮事件调用函数响应
    3.JavaScript代码块可以放置于<head>或<body>标签中
        将脚本代码块放置整个代码块的最底部能有效提升显示速度，因为脚本编译会拖慢速度。
    4.外部脚本文件
        1).引入方式：<script src="脚本文件路径"></script>
        2).外部脚本文件不需要<script>标签包裹
        3).优势：与HTML代码分离提高可读性和可维护性
                已经缓存的JavaScript文件可以提高加载速度
        4).可以使用网络中的url地址获取脚本文件
 -->
<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Page Title</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <script src="../../js/MyFunction.js"></script>
</head>
<body>
    <div id="demo">

    </div>
    <button onclick="aclick()" >点击更换内容</button>
    <script type="text/javascript">
        document.getElementById("demo").innerHTML="<h1>这是我的第一个JavaScript</h1>";
    </script>
</body>
</html>